﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>智能语音机器人</title>
    <link rel="stylesheet" href="css/index.css" />
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 640;
                document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
    <script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="js/easeljs-0.7.1.min.js"></script>
    <script type="text/javascript" src="js/tweenjs-0.5.1.min.js"></script>
    <script type="text/javascript" src="js/movieclip-0.7.1.min.js"></script>
    <script type="text/javascript" src="js/gif.js"></script>
    <script type="text/javascript">
        var canvas, stage, exportRoot;

        function init() {
            canvas = document.getElementById("canvas");
            exportRoot = new lib.gif();

            stage = new createjs.Stage(canvas);
            stage.addChild(exportRoot);
            stage.update();

            createjs.Ticker.setFPS(lib.properties.fps);
            createjs.Ticker.addEventListener("tick", stage);
        }
    </script>
</head>
<body>
<div class="holder">
    <img src="images/share.jpg" style="position: absolute; top: 0;left: 0;opacity: 0;">

    <!--page2-->
    <div class="page1 abs">
        <span class="abs p1_pic01" style="width: 100%;">
            <img src="images/service.jpg" width="20%" style="float: left;"/>
            <p style="color: white; font-size: 180%;">
                无她机器人
                <br/>
                <br/>
                连接中
            </p>
        </span>
        <img class="abs p1_pic02" src="images/p1_pic02.png" />
        <div class="abs p1_box" id="drag_box">
            <canvas id="canvas" width="189" height="47"></canvas>
            <img id="drag_bar" src="images/p1_bar.png" />
        </div>
    </div>

    <!--page3-->
    <div class="vid abs">
        <img class="vidImg abs" src="images/timg.jpg" />
        <span class="flag">机器人开始说话</span>
        <img class="stopVid abs on" src="images/stopVid.png" />
        <img class="playVid abs" src="images/p1_bar.png" />
    </div>

    <!--过渡页-->
    <div class="page2 abs">
        <img class="abs gd_pic01" src="images/gd_pic01.png" />
        <img class="abs gd_pic02" src="images/gd_pic02.png" />
    </div>



</div>

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/HZRecorder2.js"></script>
<script type="text/javascript" src="js/recorder-core.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/Utils.js"></script>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript" src="js/Draggable.min.js"></script>
<script type="text/javascript" src="js/cache-1.0.min.js"></script>
<script type="text/javascript" src="js/ajaxUtil.js"></script>
<script type="text/javascript" src="js/video2.js"></script>
<script type="text/javascript" src="js/recordSocket.js"></script>
</body>
</html>
